<%@ include file="header.jsp" %>
<link href="${pageContext.request.contextPath}/css/loggin.css" rel="stylesheet" type="text/css" />
<script type = "text/javascript" src = "${pageContext.request.contextPath}/js/jquery.effects.core.js"></script>
<script type = "text/javascript" src = "${pageContext.request.contextPath}/js/jquery.effects.bounce.js"></script>
<script type = "text/javascript" src = "${pageContext.request.contextPath}/js/jquery.effects.blind.js"></script>
<script type = "text/javascript" src = "${pageContext.request.contextPath}/js/index.js"></script>
 
  <div id="banner">
    <div id="site_title">
      <h1> <a href="#"> <img src="${pageContext.request.contextPath}/img/logo.png" alt="" /> <span>Music Shop</span></a> </h1>
    </div>
    <p> </p>
  </div>
  <!-- end of banner -->

<div id="login" class="formulario">
	<h4>LOGIN</h4>
	<form action="loggin.html" method="post">
		<label>Email: </label><input type="text" name="email" value="${email }"><br>
		<label>Contrasena: </label> <input type="password" name="contrasena">
		<input type="submit" value="Login"> 
	</form>
	${msg }
</div>
<br>
<a href="#" id="button">Registrate</a>

<div id="content">
	<div id="main_column">
		<div>
			este es un texto de prueba
			<table border="1">
				<tr>
					<td>elemento1</td>
					<td>elemento2</td>
					<td>elemento3</td>
					<td>elemento4</td>
					<td>elemento5</td>
					<td>elemento6</td>
				</tr>
			</table>
		</div>
	</div>
	<div id="side_column">
		<div class="side_column_box">
			<div class="side_column_box">
				<div class="bottom"></div>
				<h2>
					<span>nuevo</span> Registro
				</h2>
				<div class="content">
					<div class="news_section">
						<div id="effect" style="position: relative;">
							<div id="register" class="formulario">
								<form action="registro.html" method="post">
									<label>Nombre: </label><input type="text" name="nombre"><br>
									<label>Edad: </label><input type="text" name="edad"><br>
									<label>Sexo: </label><input type="text" name="sexo"><br>
									<label>Direccion: </label><input type="text" name="direccion"><br>
									<label>Telefono: </label><input type="text" name="telefono"><br>
									<label>Email: </label><input type="text" name="email"><br>
									<label>Contrasena: </label> <input type="password" name="contrasena"><br> 
									<br>	
									<input type="submit"
										value="Enviar" class="ui-state-default ui-corner-all">
									<input type="button" value="Cancelar" id="cancelReg"
										class="ui-state-default ui-corner-all">
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="cleaner_h20"></div>
		<div class="side_column_box"></div>

	</div>
	<div class="cleaner"></div>
</div>

	


<%@ include file="footer.jsp" %>